// const gallerySlide = document.querySelector(".gallery-slide");
const gallerySlides = document.querySelectorAll(".gallery-slide");
const galleryModalWindows = document.querySelectorAll(".gallery-modal");
const modalWindowCloseButtons = document.querySelectorAll(".modal-close-icon");
const modalWindowOverlays = document.querySelectorAll(".modal__overlay");

// Открытие модального окна по клику на слайде

gallerySlides.forEach((slide) => {
  slide.addEventListener("click", (el) => {
    el.preventDefault();
    const currentSlideHref = el.target.getAttribute("href").replace("#", "");
    galleryModalWindows.forEach((e) => {
      if (e.id === currentSlideHref) {
        e.classList.add("open");
      }
    });
  });
});

// Закрытие по клику на крестик

modalWindowCloseButtons.forEach((button) => {
  button.addEventListener("click", () => {
    galleryModalWindows.forEach((e) => {
      e.classList.remove("open");
    });
  });
});

// Закрытие по клику вне модального окна

modalWindowOverlays.forEach((el) => {
  el.addEventListener("click", (e) => {
    if (e.target == el) {
      galleryModalWindows.forEach((e) => {
        e.classList.remove("open");
      });
    }
  });
});
